<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			ul {
				margin: 0 auto;
				padding: 0;
				list-style: none;
				width: 80%;
				display: flex;
				
			}
			ul li {
				padding: 5px;
				flex: 1;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<ul class="nav">
			<li>小米手机</li>
			<li>redmi</li>
			<li>电视</li>
			<li>笔记本</li>
			<li>路由器</li>
			<li>家电</li>
			<li>智能设备</li>
		</ul>
		<script type="text/javascript">
			let oli = document.querySelectorAll('.nav>li')
			
			for (let i = 0; i < oli.length; i++) { //我们为每一个li添加一个事件监听
				oli[i].addEventListener('mouseenter',function (){
					
					for (let i = 0; i < oli.length; i++) {
						//把每一个li重新设置一遍字体颜色
						oli[i].style.color = '#333' ;
						oli[i].style.borderBottom = 'none'
						// oli[i].style.backgroundColor = '#FFF'
					}
					oli[i].style.color = '#ff6700'
					oli[i].style.borderBottom ='2px solid #ff6700'
					// oli[i].style.backgroundColor = '#eee'
				})
				// console.log(oli[i]);
				
			}
		</script>
		<script type="text/javascript">
			// for循环
			//0-100之间的7的公倍数的数量和，总和
			// let count = 0, total = 0;
			// for (let i = 7; i <= 100; i++) {
			// 	//如果i能被7整除的话，就是7的公倍数，我们就数量+1 ，总和累加
			// 	if (i%7===0) {
			// 		count++;
			// 		total += i;
			// 	}
			// }
			// console.log(count,total);
			
			// 我们要打印0-100之间  不含有7或者7的倍数,或者含有7的数字
			// for (let i=0;i<=100;i++){
			// 	if (i%7 && parseInt(i/10)!=7 && !((i%10)==7)) {
			// 		console.log(i)
			// 	}
			// }
		</script>
	</body>
</html>
